<template>
  <div>
    <!-- 字符串写法 -->
    <h2 :style="str">你好啊</h2>

    <!-- 对象写法 -->
    <h2 :style="obj">你好啊</h2>

    <!-- 对象写法 -->
    <h2 :style="arr">你好啊</h2>
  </div>
</template>

<script>
  export default {
    name:'App',
    data() {
      return {
        str:'color:red',
        obj:{
          color:'purple',
          border:'1px solid black',
          fontSize:'80px',
          backgroundColor:'orange'
        },
        arr:[
          {color:'purple',border:'1px solid black'},
          {fontSize:'80px',backgroundColor:'orange'}
        ]
      }
    },
  }
</script>
